<template>
  <div id="recruitUnit">
    <el-drawer
      :visible.sync="drawer"
      direction="ltr"
      size="300"
      :with-header="false"
      >
      <el-switch
        v-model="treeType"
        active-text="同批次切换单位"
        inactive-text="同单位切换批次"
        @change="changeType"
        style="margin:20px 80px"
      />
      <el-tree
        ref="tree"
        node-key="id"
        :expand-on-click-node="false"
        default-expand-all
        :data="treedata"
      />
    </el-drawer>
    <el-breadcrumb separator-class="el-icon-arrow-right" style="font-size:16px;">
      <el-breadcrumb-item :to="{ path: '/' }">系统首页</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/recruit' }">公开招聘</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/recruit' }">在职人员招聘</el-breadcrumb-item>
      <el-breadcrumb-item v-if="shenghuohuinameshow" :to="{ name: 'ShenghuohuiDetailOld', params: {id: shenghuohui.ShenghuohuiId}}">2023年度第一批公开招聘</el-breadcrumb-item>
      <el-breadcrumb-item>自然资源部不动产登记中心（自然资源部法律事务中心）</el-breadcrumb-item>
    </el-breadcrumb>
    <!-- <el-button type="primary" @click="drawer=true" style="position: fixed; right:140px;top:127px;z-index: 9999;" size="small" icon="el-icon-s-unfold">切换批次/单位</el-button> -->
    <el-tabs v-model="activeName" type="border-card" @tab-click="tabClick" style="margin:0 0 0 10px" id="recruitUnitTabs">
      <!-- <el-tab-pane label="当前任务" name="Caozuo" v-if="IsOperationUser">
        <h1>当前任务描述：{{OperationMsg}}</h1>
        <div v-if="IsFinished === false">
          <FangAn v-if="showFangAn" :fileList="fileList" :timestamp="fangantimestamp"></FangAn>
          <ZhiXing v-if="showZhiXing"></ZhiXing>
          <hr style="height:1px;border:0;margin:30px 0;background:#999;overflow:hidden">
          <optformJieguo :myhouxuanren="Houxuanren" @refreshevent="getUnitDetails" v-if="CanBack"></optformJieguo>
          <optform :myhouxuanren="Houxuanren" @refreshevent="getUnitDetails" v-else></optform>
        </div>
      </el-tab-pane> -->
      <el-tab-pane name="shenbao">
        <span slot="label">计划申报 <i class="custom icon_c_2"></i></span>
        <jihua :timestamp="huiqiantimestamp" :canAudit="true"></jihua>
      </el-tab-pane>
      <el-tab-pane name="xiada">
        <span slot="label">计划下达 <i class="custom icon_c_2"></i></span>
        <xiada :timestamp="huishangtimestamp" :canEdit="true"></xiada>
      </el-tab-pane>
      <!-- <el-tab-pane name="duijie">
        <span slot="label">岗位对接方案 <i class="custom icon_c_2"></i></span>
        <duijie :timestamp="huihoutimestamp" :canAudit="true" />
      </el-tab-pane> -->
      <el-tab-pane name="gonggao">
        <span slot="label">招聘公告 <i class="custom icon_c_4"></i></span>
        <gonggao :timestamp="huihoutimestamp" step="已发布" />
      </el-tab-pane>
      <!-- <el-tab-pane name="kaoguan">
        <span slot="label">面试考官备案 <i class="custom icon_c_2"></i></span>
        <kaoguan :timestamp="huihoutimestamp" :canAudit="true" />
      </el-tab-pane>
      <el-tab-pane label="面试成绩上传" name="chengji">
        <chengji :timestamp="huihoutimestamp" :canAudit="true" />
      </el-tab-pane> -->
      <el-tab-pane label="拟聘人选公示" name="gongshi">
        <gongshi :timestamp="huihoutimestamp" step="终审" />
      </el-tab-pane>
      <el-tab-pane label="聘用人选备案" name="beian">
        <beian :timestamp="huihoutimestamp" :canAudit="true" />
      </el-tab-pane>
      <el-tab-pane label="落户备案" name="luohu">
        <luohu :timestamp="huihoutimestamp" :canAudit="true" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import optformJieguo from '@/components/Optform_jieguo.vue'
import optform from '@/components/Optform.vue'
import FangAn from '@/components/Fangan.vue'
import ZhiXing from '@/components/Zhixing.vue'
import jihua from './Showdata/jihua.vue'
import xiada from './Showdata/xiada.vue'
import duijie from './Showdata/duijie.vue'
import kaoguan from './Showdata/kaoguan.vue'
import chengji from './Showdata/chengji.vue'
import gonggao from './Showdata/gonggao.vue'
import gongshi from './Showdata/gongshi.vue'
import beian from './Showdata/beian.vue'
import luohu from './Showdata/luohu.vue'
import Fujian from '@/Shenghuohui/Showdata/Fujian.vue'
import Pingjia from '@/Shenghuohui/Showdata/Pingjia.vue'
import liuchengtu from '@/components/Liuchengtu.vue'
export default {
  components: {
    optformJieguo,
    optform,
    FangAn,
    ZhiXing,
    jihua,
    xiada,
    duijie,
    kaoguan,
    chengji,
    gonggao,
    gongshi,
    beian,
    luohu,
    Fujian,
    Pingjia,
    liuchengtu
  },
  watch: {
    '$store.state.link1' (val) {
      console.log('link1' + this.$store.state.link1)
      console.log('activeNameold' + this.activeName)
      this.activeName = this.$store.state.link1
      console.log('activeNamenew' + this.activeName)
      this.getAllData()
    }
  },
  data () {
    return {
      treeType: '同单位批次切换',
      treedata: [],
      drawer: false,
      pdfpage: 1,
      shenghuohui: {
        UnitName: '',
        ShenghuohuiId: '',
        ShenghuohuiName: ''
      },
      listLoading: false,
      totalnum: 0,
      startBtnsVisible: false,
      startLoading: false,
      Sortkey: '',
      Isace: true,
      Steps: [],
      OperationMsg: '',
      activeName: 'shenbao',
      activeNameHuihou: 'bzzgqd',
      optForm: {},
      optFormLoading: false,
      jieguooptions: [],
      optFormRules: {
        Jieguo: [
          { required: true, message: '请选择处理结果', trigger: 'blur' }
        ]
      },
      IsOperationUser: false,
      CanBack: false,
      FangAnVisible: false,
      ZhixingVisible: false,
      PingguVisible: false,
      showFangan: false,
      showZhiXing: false,
      IsFinished: false,
      banzi: [],
      banzilistLoading: false,
      huiqiantimestamp: '',
      huishangtimestamp: '',
      huihoutimestamp: '',
      fujiantimestamp: '',
      shenghuohuinameshow: true,
      fileList: [],
      pingjiatimestamp: '',
      basesrc: '',
      lctVisible: false,
      caozuoVisible: false,
      fangantimestamp: '',
      caozuotimestamp: '',
      Operation: '',
      liuchengtutimestamp: '',
      HaveHuiYiData: false,
      allunit: [
        {
          'id': 43,
          'label': '2023年第二批',
          children: [{
            'id': 2000,
            'label': '事业单位',
            'children': [
              {
                'id': 44,
                'label': '中国地质调查局'
              },
              {
                'id': 45,
                'label': '中国国土勘测规划院'
              },
              {
                'id': 46,
                'label': '中国自然资源经济研究院'
              },
              {
                'id': 47,
                'label': '自然资源部不动产登记中心（自然资源部法律事务中心）'
              },
              {
                'id': 48,
                'label': '自然资源部油气资源战略研究中心'
              },
              {
                'id': 49,
                'label': '自然资源部宣传教育中心'
              },
              {
                'id': 50,
                'label': '自然资源部国土整治中心（自然资源部土地科技创新中心）'
              },
              {
                'id': 51,
                'label': '自然资源部珠宝玉石首饰管理中心（国家珠宝玉石质量监督检验中心）'
              },
              {
                'id': 52,
                'label': '自然资源部人力资源开发中心'
              },
              {
                'id': 53,
                'label': '自然资源部矿产资源储量评审中心'
              },
              {
                'id': 54,
                'label': '中国自然资源报社'
              },
              {
                'id': 55,
                'label': '中国地质博物馆'
              },
              {
                'id': 56,
                'label': '自然资源部财务服务中心'
              },
              {
                'id': 57,
                'label': '自然资源部机关服务中心（机关服务局）'
              },
              {
                'id': 58,
                'label': '自然资源部信息中心'
              },
              {
                'id': 59,
                'label': '自然资源部咨询研究中心'
              },
              {
                'id': 60,
                'label': '自然资源部中央地质勘查基金管理中心'
              },
              {
                'id': 61,
                'label': '自然资源部第一海洋研究所'
              },
              {
                'id': 62,
                'label': '自然资源部第二海洋研究所'
              },
              {
                'id': 63,
                'label': '自然资源部第三海洋研究所'
              },
              {
                'id': 64,
                'label': '国家海洋技术中心'
              },
              {
                'id': 65,
                'label': '自然资源部天津海水淡化与综合利用研究所'
              },
              {
                'id': 66,
                'label': '自然资源部海洋发展战略研究所'
              },
              {
                'id': 67,
                'label': '自然资源部城乡规划管理中心'
              },
              {
                'id': 68,
                'label': '国家海洋标准计量中心'
              },
              {
                'id': 69,
                'label': '国家海洋环境预报中心'
              },
              {
                'id': 70,
                'label': '国家海洋信息中心'
              },
              {
                'id': 71,
                'label': '自然资源部海岛研究中心'
              },
              {
                'id': 72,
                'label': '自然资源部海洋减灾中心'
              },
              {
                'id': 73,
                'label': '自然资源部海洋咨询中心'
              },
              {
                'id': 74,
                'label': '中国极地研究中心'
              },
              {
                'id': 75,
                'label': '国家南极考察训练基地'
              },
              {
                'id': 76,
                'label': '中国大洋矿产资源研究开发协会办公室（中国大洋事务管理局）'
              },
              {
                'id': 77,
                'label': '国家卫星海洋应用中心'
              },
              {
                'id': 78,
                'label': '国家深海基地管理中心'
              },
              {
                'id': 79,
                'label': '自然资源部第四海洋研究所'
              },
              {
                'id': 80,
                'label': '自然资源部测绘发展研究中心'
              },
              {
                'id': 81,
                'label': '自然资源部职业技能鉴定指导中心'
              },
              {
                'id': 82,
                'label': '自然资源部地图技术审查中心'
              },
              {
                'id': 83,
                'label': '自然资源部重庆测绘院'
              },
              {
                'id': 84,
                'label': '中国测绘科学研究院'
              },
              {
                'id': 85,
                'label': '国家基础地理信息中心'
              },
              {
                'id': 86,
                'label': '自然资源部三亚测绘技术开发服务培训中心'
              },
              {
                'id': 87,
                'label': '自然资源部国土卫星遥感应用中心'
              },
              {
                'id': 88,
                'label': '国家测绘产品质量检验测试中心'
              },
              {
                'id': 89,
                'label': '中国海洋报社'
              },
              {
                'id': 90,
                'label': '中国测绘学会'
              },
              {
                'id': 91,
                'label': '中国海洋学会'
              },
              {
                'id': 92,
                'label': '中国大地出版社（地质出版社）有限公司'
              },
              {
                'id': 93,
                'label': '中国地图出版社有限公司'
              },
              {
                'id': 94,
                'label': '海洋出版社有限公司'
              }
            ]
          },
          {
            'id': 3000,
            'label': '派出机构',
            'children': [
              {
                'id': 28,
                'label': '国家自然资源督察北京局'
              },
              {
                'id': 29,
                'label': '国家自然资源督察沈阳局'
              },
              {
                'id': 30,
                'label': '国家自然资源督察上海局'
              },
              {
                'id': 31,
                'label': '国家自然资源督察南京局'
              },
              {
                'id': 32,
                'label': '国家自然资源督察济南局'
              },
              {
                'id': 33,
                'label': '国家自然资源督察广州局'
              },
              {
                'id': 34,
                'label': '国家自然资源督察武汉局'
              },
              {
                'id': 35,
                'label': '国家自然资源督察成都局'
              },
              {
                'id': 36,
                'label': '国家自然资源督察西安局'
              },
              {
                'id': 37,
                'label': '陕西测绘地理信息局'
              },
              {
                'id': 38,
                'label': '黑龙江测绘地理信息局'
              },
              {
                'id': 39,
                'label': '四川测绘地理信息局'
              },
              {
                'id': 40,
                'label': '海南测绘地理信息局'
              },
              {
                'id': 41,
                'label': '自然资源部北海局'
              },
              {
                'id': 42,
                'label': '自然资源部东海局'
              },
              {
                'id': 43,
                'label': '自然资源部南海局'
              },
              {
                'id': 95,
                'label': '国家海洋局极地考察办公室'
              }
            ]
          }]
        }
      ],
      allpi: [
        {id: 1,
          label: '自然资源部不动产登记中心（自然资源部法律事务中心）',
          children: [
            {
              'id': 43,
              'label': '2023年第二批'
            },
            {
              'id': 44,
              'label': '2023年第一批'
            },
            {
              'id': 45,
              'label': '2022年第三批'
            },
            {
              'id': 46,
              'label': '2022年第二批'
            },
            {
              'id': 47,
              'label': '2022年第一批'
            }
          ]
        }
      ]
    }
  },
  methods: {
    uploadfinish () {
      this.getUnitDetails()
    },
    caozuofinish () {
      this.caozuoVisible = false
      this.getUnitDetails()
    },
    Fanganshow () {
      this.FangAnVisible = true
    },
    Zhixingshow () {
      this.ZhixingVisible = true
    },
    Pinggushow () {
      this.PingguVisible = true
    },
    showLct () {
      this.liuchengtutimestamp = new Date().getTime()
      this.lctVisible = true
    },
    showCaozuo () {
      this.caozuoVisible = true
    },
    pdfshow () {
      this.pdfpage = 1
      console.log('pdfpage' + this.pdfpage)
      this.showPDFVisible = true
      this.pdfviewersrc = this.basesrc + new Date()
    },
    getAllData () {
      if (this.activeName === 'Huiqian') {
        this.huiqiantimestamp = new Date().getTime()
      }
      if (this.activeName === 'Huishang') {
        this.huishangtimestamp = new Date().getTime()
      }
      if (this.activeName === 'Huihou') {
        this.huihoutimestamp = new Date().getTime()
      }
      if (this.activeName === 'Fujian') {
        this.fujiantimestamp = new Date().getTime()
      }
      if (this.activeName === 'Pingjia') {
        this.pingjiatimestamp = new Date().getTime()
      }
    },
    tabClick () {
      // this.getAllData()
      // var params = {Link1: this.activeName}
      // this.$store.commit('tablink1', params)
    },
    getUnitDetails () {
      this.startBtnsVisible = false
      var _this = this
      this.listLoading = true
      // let para = {
      //   id: this.$route.params.id
      // }
      // var personParams = { Page: 0, Pagenum: 20, Personname: '', Unitkey: '', Sortkey: '', Isace: true, timestamp: new Date().getTime() }
      this.$http
        // .post(`/shenghuohui/unitdetails`, para)
        .get(this.$http.defaults.shenghuohuiAPI + `api/shenghuohui/unitDetails?unitId=` + this.$route.params.id)
        .then(function (response) {
          _this.listLoading = false
          if (response.data.success === true) {
            console.log('获取成功')
            _this.shenghuohui = response.data.result.Shenghuohui
            // _this.OperationMsg = response.data.OperationMsg
            // _this.WorkFlow = response.data.WorkFlow
            // _this.fileList = response.data.fileList
            _this.fangantimestamp = new Date().getTime()
            _this.caozuotimestamp = new Date().getTime()
            _this.liuchengtutimestamp = new Date().getTime()
            // _this.IsOperationUser = response.data.IsOperationUser
            // _this.IsFinished = response.data.IsFinished
            // _this.shenghuohuinameshow = response.data.IsAdmin
            // _this.Operation = response.data.Operation
            // _this.HaveHuiYiData = response.data.HaveHuiYiData
            // if (_this.IsOperationUser === true) {
            //   _this.activeName = 'Caozuo'
            //   if (response.data.Operation.indexOf('FangAn') > -1) {
            //     _this.showFangAn = true
            //   } else {
            //     _this.showFangAn = false
            //   }
            //   if (response.data.Operation.indexOf('ZhiXing') > -1) {
            //     _this.showZhiXing = true
            //   } else {
            //     _this.showZhiXing = false
            //   }
            // } else {
            //   _this.activeName = 'AllData'
            // }
            _this.CanBack = response.data.CanBack
            _this.getAllData()
            console.log('获取总数:' + response.data.message)
            console.log('获取size:' + _this.pagenum)
            _this.totalnum = parseInt(response.data.message)
          } else {
            console.log('获取失败:' + response.data.message)
            _this.$message({
              message: '获取失败:' + response.data.message,
              type: 'error'
            })
          }
        })
        .catch(function (error) {
          console.log(error)
          _this.$message({
            message: '获取失败:' + error,
            type: 'error'
          })
          _this.listLoading = false
        })
    },
    changeType (val) {
      if (val) {
        this.treedata = this.allunit
      } else {
        this.treedata = this.allpi
      }
    }
  },
  mounted () {
    this.getUnitDetails()
    var params = {Link1: 'Huiqian'}
    this.$store.commit('tablink1', params)
    var paramsHq = {Link_hq: 'Fangan'}
    this.$store.commit('tablink_hq', paramsHq)
    var paramsHz = {Link_hz: 'HS_HuiYiYiCheng'}
    this.$store.commit('tablink_hz', paramsHz)
    var paramsHh = {Link_hh: 'HH_BanZiZhengGai'}
    this.$store.commit('tablink_hh', paramsHh)
    this.treedata = this.allpi
  }
}
</script>
<style scoped>
#recruitlist{
  padding: 0
}
</style>
<style>
/* #recruitUnitTabs .el-tabs__item.is-active{
    color: #fff !important;
    background: #0058AC;
} */
  #recruitUnit #recruitUnitTabs i.custom{
    width: 16px;
    height: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    display:inline-block;
    background-size: cover;
    margin:0 auto;
  }
  #recruitUnit .icon_c_0{
    background-image: url(../assets/icon_selection_index0.png)
  }
  #recruitUnit .icon_c_1{
    background-image: url(../assets/icon_selection_index2.gif)
  }
  #recruitUnit .icon_c_2{
    background-image: url(../assets/icon_selection_index1.png)
  }
  #recruitUnit .icon_c_-1{
    background-image: url(../assets/icon_selection_index-1.png)
  }
  #recruitUnit .icon_c_3{
    background-image: url(../assets/icon_selection_index3.png)
  }
  #recruitUnit .icon_c_3a{
    background-image: url(../assets/icon_selection_index4t.png)
  }
  #recruitUnit .icon_c_3b{
    background-image: url(../assets/icon_selection_index3b.png)
  }
  #recruitUnit .icon_c_4{
    background-image: url(../assets/icon_selection_index4t.png)
  }
  #recruitUnit .icon_c_5{
    background-image: url(../assets/icon_selection_index4r.png)
  }
</style>
